<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>avator</title>
    <link rel="stylesheet" th:href="@{/semantic/semantic.min.css}">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <style>

    </style>
</head>

<body>

<a id="user" th:fragment="avator" th:if="${session.user != null}" th:href="@{/user/info/{id}(id=${session.user.id})}">
    <img class="ui avatar image" th:src="${session.user.img}">
    <span th:if="${session.user != null}" th:text="${session.user.username}"></span>
</a>

</body>

<script th:src="@{/js/jquery.min.js}" crossorigin="anonymous"></script>
<script th:src="@{/semantic/semantic.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/js/vue.js}"></script>
<script th:src="@{/js/axios.js}"></script>

</html>